<#compress>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>餐饮列表</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="cache-control" content="no-cache">
    <meta name="viewport"
          content="width=320, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/mobileweb/css/cateringList.css">
</head>
<body>
<div class="page">
    <div class="header">
        <img src="${ctx}/static/mobileweb/images/cateringList/header.png"/>
    </div>
    <div class="main">
        <#if recordList??>
            <#list recordList as r>
                <div class="item" data-url="${ctx}/mobileweb/dining/item?id=${r.id!}&mid=${mid!}&wxno=${wxno!}">
                    <div class="item-pic">
                        <#if r.logo??>
                            <img class="item-pic-img" src="${ctx}/${r.logo!}"/>
                        <#else>
                            <img class="item-pic-img" src="${ctx}/static/mobileweb/images/logo.png"/>
                        </#if>
                        <div class="item-pic-yo">
                            <img src="${ctx}/static/mobileweb/images/cateringList/yo.png"/>
                        </div>
                    </div>
                    <div class="item-title" data-url="${ctx}/mobileweb/dining/item?id=${r.id!}&mid=${mid!}&wxno=${wxno!}">${r.name!}</div>
                </div>

            </#list>
        </#if>

    </div>
</div>
</body>

<script type="text/javascript" src="${ctx}/static/mobileweb/scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    $(function() {
        $('.item, .item-title').click(function() {
            var url = $(this).attr('data-url');
            if (url) {
                window.location.href = url;
            }
        });
    });
</script>

</html>
</#compress>